/**
 * 自定义指令：监听某一个元素宽度和高度的变化
 */
let resize = {
  //只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
  bind(el, binding) {
    el.dataset.xxl = "123";
    let width = "",
      height = "";
    function isResize() {
      const style = document.defaultView.getComputedStyle(el);

      if (width !== style.width || height !== style.height) {
        binding.value();
      }
      width = style.width;
      height = style.height;
    }
    el._vueSetInterval_ = setInterval(isResize, 100);
  },
  //只调用一次，指令与元素解绑时调用
  unbind(el) {
    clearInterval(el._vueSetInterval_);
  },
  //   被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
  inserted() {},
  update() {},
  componentUpdated() {},
};
export default resize;
